$(function() {
    //1.ajax请求分类列表
    $.ajax({
        url: BigNew.category_list,
        type: 'get',
        dataType: 'json',
        success: function(backData) {
            console.log(backData);
            //模板引擎渲染
            $('#selCategory').html(template('cat_list', backData));
        }
    });


    //2.文章列表和筛选
    $('#btnSearch').click(function(e) {
        e.preventDefault();
        $.ajax({
            url: BigNew.article_query,
            type: 'get',
            dataType: 'json',
            data: {
                type: $('#selCategory').val(), //控制文章分类
                state: $('#selStatus').val(), //控制文章状态
                page: 1, //返回第几页
                perpage: 15 //一页的数据条数
            },
            success: function(backData) {
                console.log(backData);
                $('.table>tbody').html(template('art_list', backData))

                //(1)先销毁之前的插件
                $('#pagination').twbsPagination('destroy');

                //加载分页插件
                //(2)加载新的总页数
                $('#pagination').twbsPagination({
                    totalPages: backData.data.totalPage, //总页数
                    startPage: 1, //起始页
                    visiblePages: 6, //可见页数
                    first: '首页',
                    prev: '上一页',
                    next: '下一页',
                    last: '尾页',
                    onPageClick: function(event, page) {
                        $('#page-content').text('Page ' + page);
                        console.log(page);
                        getPageList(page);
                    }
                });
            }
        });
    })

    //2.页面一加载，ajax请求文章列表
    $('#btnSearch').click();


    // 点击页码调用函数，重新请求数据
    //注意点：不需要重新渲染页码
    function getPageList(page) {
        $.ajax({
            url: BigNew.article_query,
            type: 'get',
            dataType: 'json',
            data: {
                //把关键字传给后台，返回相应的数据，分页插件就会自动渲染。
                type: $('#selCategory').val(),
                state: $('#selStatus').val(),
                page: page,
                perpage: 15
            },
            success: function(backData) {
                console.log(backData);
                $('.table>tbody').html(template('art_list', backData))
            }
        });
    }



    //删除文章 : 删除按钮是ajax动态新增，需要注册委托事件
    $('.table>tbody').on('click', '.btn-delete', function() {
        //(1)获取文章id
        // let id = $(this).attr('data-id');
        // console.log(id);
        //(2)发送ajax
        $.ajax({
            url: BigNew.article_delete,
            type: 'post',
            dataType: 'json',
            data: {
                id: $(this).attr('data-id')
            },
            success: function(backData) {
                console.log(backData);
                if (backData.code == 204) {
                    alert('删除成功');
                    //刷新页面
                    location.reload();
                }

            }
        });

    });




    /* 6. 点击右上角发表文章，左侧菜单栏发表文章高亮  */
    $('#release_btn').click(function() {
        /* 
        $('选择器',dom树) ： 在什么dom上查询元素
        $('选择器',window.document) : 默认当前页面dom树
        $('选择器',window.parent.document) : 父页面dom树
        */
        $('.level02>li:eq(1)', window.parent.document).click();
    });

})